<template>
  <div class="full-width">
    <el-dropdown size="large" split-button type="primary">
      大型尺寸
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item>查看设备状态</el-dropdown-item>
        <el-dropdown-item>查看设备名称</el-dropdown-item>
        <el-dropdown-item>查看供应商名称</el-dropdown-item>
        <el-dropdown-item>查看设备位置</el-dropdown-item>
        <el-dropdown-item>查看审核状态</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>

    <el-dropdown split-button type="primary">
      默认尺寸
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item>查看设备状态</el-dropdown-item>
        <el-dropdown-item>查看设备名称</el-dropdown-item>
        <el-dropdown-item>查看供应商名称</el-dropdown-item>
        <el-dropdown-item>查看设备位置</el-dropdown-item>
        <el-dropdown-item>查看审核状态</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>

    <el-dropdown size="small" split-button type="primary">
      小型尺寸
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item>查看设备状态</el-dropdown-item>
        <el-dropdown-item>查看设备名称</el-dropdown-item>
        <el-dropdown-item>查看供应商名称</el-dropdown-item>
        <el-dropdown-item>查看设备位置</el-dropdown-item>
        <el-dropdown-item>查看审核状态</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>

    <el-dropdown size="mini" split-button type="primary">
      超小尺寸
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item>查看设备状态</el-dropdown-item>
        <el-dropdown-item>查看设备名称</el-dropdown-item>
        <el-dropdown-item>查看供应商名称</el-dropdown-item>
        <el-dropdown-item>查看设备位置</el-dropdown-item>
        <el-dropdown-item>查看审核状态</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
  </div>
</template>
